<script setup lang="ts">
import {computed} from "vue";

defineProps({
  title: {type: String, required: true},
  id: {type: Number, required: true},
});

function idx(id: number) {
  return `idx-${id}`;
}

</script>

<template>
  <p :id="idx(id)">{{ title }}</p>
</template>

<style scoped>

</style>